<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>元利汇聚</title>
  <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
  <link href="layui/css/layui.css" rel="stylesheet">
</head>
<body style="background-image: url('img/bgd.jpg');background-size: 100%;background-repeat: no-repeat;">
<style>
  .demo-reg-container{width: 320px; margin: 21px auto 0;}
  .demo-reg-other .layui-icon{position: relative; display: inline-block; margin: 0 2px; top: 2px; font-size: 26px;}
</style>
<form class="layui-form">
  <div class="demo-reg-container">
    <div class="layui-form-item">
      <h3 class="title">注册帐号</h3>
    </div>
    <div class="layui-form-item">
      <div class="layui-row">
        <div class="layui-col-xs7">
          <div class="layui-input-wrap">
            <div class="layui-input-prefix">
              <i class="layui-icon layui-icon-cellphone"></i>
            </div>
            <input type="text" name="mobileNo" value="" lay-verify="required|phone" placeholder="手机号" lay-reqtext="请填写手机号" autocomplete="off" class="layui-input" id="reg-cellphone">
          </div>
        </div>
      </div>
    </div>
    <div class="layui-form-item">
      <div class="layui-input-wrap">
        <div class="layui-input-prefix">
          <i class="layui-icon layui-icon-password"></i>
        </div>
        <input type="password" name="passWord" value="" lay-verify="required" placeholder="密码" autocomplete="off" class="layui-input" id="reg-password" lay-affix="eye">
      </div>
    </div>
    <div class="layui-form-item">
      <div class="layui-input-wrap">
        <div class="layui-input-prefix">
          <i class="layui-icon layui-icon-password"></i>
        </div>
        <input type="password" name="confirmPassword" value="" lay-verify="required|confirmPassword" placeholder="确认密码" autocomplete="off" class="layui-input" lay-affix="eye">
      </div>
    </div>
    <!-- <div class="layui-form-item">
      <div class="layui-input-wrap">
        <div class="layui-input-prefix">
          <i class="layui-icon layui-icon-username"></i>
        </div>
        <input type="text" name="nickname" value="" lay-verify="required" placeholder="昵称" autocomplete="off" class="layui-input" lay-affix="clear">
      </div>
    </div> -->
    <div class="layui-form-item">
      <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo-reg">注册</button>
    </div>
    <div class="layui-form-item demo-reg-other">
      <a href="/">登录已有帐号</a>
    </div>
  </div>
</form>

<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="layui/layui.js"></script>
<script>
  layui.use(function(){
    var $ = layui.$;
    var query = layui.jquery;
    var form = layui.form;
    var layer = layui.layer;
    var util = layui.util;

    // 自定义验证规则
    form.verify({
      // 确认密码
      confirmPassword: function(value, item){
        var passwordValue = $('#reg-password').val();
        if(value !== passwordValue){
          return '两次密码输入不一致';
        }
      }
    });

    // 提交事件
    form.on('submit(demo-reg)', function(data){
      var field = data.field; // 获取表单字段值

      // 显示填写结果，仅作演示用
      // layer.alert(JSON.stringify(field), {
      //   title: '当前填写的字段值'
      // });

      // 此处可执行 Ajax 等操作
      query.ajax({
          type:"POST",
          contentType:"application/json;charset=UTF-8",
          data:JSON.stringify(field),
          dataType:"json",
          url:"/user/register",
          success:function(result){
              if (result.success == true) {
                  layer.msg(result.msg, { icon:1 });
                  setTimeout(function(){
                    window.location.href = "admin.html";
                  }, 1500)
              } else {
                  layer.msg(result.msg, { icon:2 });
              }
          },
          error:function(){
              layer.alert('访问链接不存在！', {
                title: '发生错误'
              });
          }
      })

      return false; // 阻止默认 form 跳转
    });

  });
</script>

<script>
  document.addEventListener("contextmenu", function(event){
    event.preventDefault();
  });
  document.onkeydown = function(){
       if(window.event && window.event.keyCode == 123) {
           alert("请勿通过F12调试访问页面！");
           event.keyCode = 0;
           event.returnValue = false;
       }
   }
   window.addEventListener("keydown", function(event) {
       // 检测是否按下了F12键或Ctrl+Shift+I组合键
       if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
           // 跳转到其他页面
           window.location.href = "https://www.baidu.com/";
       }
   });
</script>

</body>
</html>
